<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .a{
            width: 100px;
            height: 10px;
            background-color: #f00;
        }
    </style>
    
</head>
<body>
    <div class="a"></div>

    <h1></h1>


    <!-- 在body结束之前写js -->
    <script>
        // 页面弹窗

        // // 数字可以直接写  不加引号
        // alert(666) ;
        // // 字符串  直接写会报错   加引号
        // //   引号不分单引号和双引号  它的作用只是识别字符串 不会在页面中显示引号
        // alert('js真简单') ;
        // alert("js真简单") ;

        // // 单引号里面套双引号
        // alert(' js引号真"复杂" ') ;
        // // 双引号套单引号
        // alert("js引号真'复杂'") ;

        // alert('666') ;


        // 数字  可以不加引号
        // 字符串 必须加引号
        //     引号不分单双
        //     单套双 或者  双套单

        // 可以识别空格
        alert('66    6');
        // 不认识标签
        alert('<h1>666</h1>');


        // 页面输出
        document.write(666);
        document.write('js真简单啊');
        // 标签
        document.write('<h1>666</h1>') ;



        // 控制台输出  --- 测试用
        console.log(666) ;
        console.log('hello          world') ;
        console.log('666') ;
        // 不识别标签 --- 只是字符串
        console.log('<h1>666</h1>') ;




    </script>
</body>
</html>